<template>
	<div>
		<el-dialog width="80%" top="1vh" title="查看征信报告" :visible.sync="dialogVisible" :close-on-click-modal="true">
			<h2>{{ cert_name ? cert_name : '' }}征信报告</h2>
			<br />
			<div style="display:flex;justify-content: space-between;width: 100%;margin: 0 auto;">
				<div>报告编号:{{cert_no}}</div>
				<div>报告时间:{{start_at}}</div>
			</div>
			<br />
			<h2>个人基本信息</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="姓名">{{ cert_name ?cert_name : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="证件号码">{{ cert_no ? cert_no : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="手机号">{{ mobile ? mobile : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>非循环贷账户信息</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="机构数">{{ allData ? allData.c0003 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="账户数">{{ allData ? allData.c0002 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="授信总额">{{ allData ? allData.c0001 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="贷款余额">{{ allData ? allData.c0005 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="最近6个月平均应还款">{{ allData ? allData.c0004 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>循环贷账户信息</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="机构数">{{ allData ? allData.c0012 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="账户数">{{ allData ? allData.c0011 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="授信总额">{{ allData ? allData.c0015 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="贷款余额">{{ allData ? allData.c0014 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="最近6个月平均应还款">{{ allData ? allData.c0013 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>循环额度分账户信息</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="机构数">{{ allData ? allData.c0009 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="账户数">{{ allData ? allData.c0007 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="授信总额">{{ allData ? allData.c0008 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="贷款余额">{{ allData ? allData.c0010 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="最近6个月平均应还款">{{ allData ? allData.c0006 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="未结清贷账户数">{{ allData ? allData.xs001 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="房贷账户数">{{ allData ? allData.xs002 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="未结清房贷账户总余额">{{ allData ? allData.xs003 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="除房贷以外未结清抵押/质押类贷款账户数">
					{{ allData ? allData.xs004 : '--' }}</el-descriptions-item>
				<el-descriptions-item label="最近6除房贷以外未结清抵押/质押类贷款余额">
					{{ allData ? allData.xs005 : '--' }}</el-descriptions-item>
				<el-descriptions-item label="经营类贷款账户数">{{ allData ? allData.xs006 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="未结清经营类贷款账户余额">{{ allData ? allData.xs007 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="近一个月要到期贷款账户数">{{ allData ? allData.xs008 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="近一个月要到期贷款账户余额">{{ allData ? allData.xs009 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>贷记卡账户信息</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="发卡机构数">{{ allData ? allData.c0022 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="账户数">{{ allData ? allData.c0020 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="授信总额">{{ allData ? allData.c0017 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="已使用额度">{{ allData ? allData.c0018 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="额度使用率（总）">{{ allData ? allData.xs010 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="额度使用率（单张最高）">{{ allData ? allData.xs011 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>对外担保</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="是否存在对外担保">{{ allData ? allData.xs012 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="担保金额">{{ allData ? allData.xs013 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="剩余担保金额">{{ allData ? allData.xs014 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>查询记录</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="近六个月贷款、信用卡、融资审批查询次数">{{ allData ? allData.j0021 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="近三个月贷款、信用卡、融资审批查询次数">{{ allData ? allData.j0022 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="近一个月本人查询次数">{{ allData ? allData.a0017 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
			<br />
			<h2>其他</h2>
			<br />
			<el-descriptions title="" direction="vertical" :column="4" border>
				<el-descriptions-item label="是否当前逾期">{{ allData ? allData.xs015 : '--' }}
				</el-descriptions-item>
				<el-descriptions-item label="是否存在低保救助记录">{{ allData ? allData.xs016 : '--' }}
				</el-descriptions-item>
			</el-descriptions>
		</el-dialog>
	</div>

</template>

<script>
	import {
		getCreditData2
	} from "@/api/order";
	export default {
		props: ['editItem'],
		data() {
			return {
				form: {},
				cert_name: '',
				cert_no: '',
				mobile:'',
				start_at:'',
				respData: [],
				allData: {},
				dialogVisible: false
			}
		},
		methods: {
			getData() {
				getCreditData2(this.editItem.orderId).then(res => {
					console.log(res.data.decisionResult.labels)
					this.allData=res.data.decisionResult.labels
					this.cert_name=res.cert_name
					this.cert_no=res.cert_no
					this.start_at=res.start_at
					this.mobile=res.mobile
					
				})
			},
			init() {
				for (let key in this.form) {
					this.form[key] = this.editItem[key]
				}
			}

		},
		watch: {
			dialogVisible(val) {
				if (val) {
					// console.log(this.editItem);
					this.init()
					this.getData()
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.type_tip {
		color: #999999;
		line-height: 22px;

		span {
			color: #ff4146;
		}
	}
</style>
